<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/plantillas/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <f:view>
                <h:form id="formulario">

                    <p:panel header="Ver Factura de Compra" style="width:85%;margin: 10px auto;" styleClass="print">

                        <p:panelGrid style="width:90%;margin: 10px auto;" id="verPanelFactura">
                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblTipoOrden" value="CODIGO OP: " class="lblVerN" />
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKCompraFacturacion.facturaFormulario.idOrdenPedido.codigoOrdenPedido}" styleClass="lblVer"  />
                                </p:column>
                                <p:column colspan="1" style="width:200px">
                                    <h:outputLabel id="lblNroOrdenCS" value="CODIGO DE ORDEN C/S: " class="lblVerN" />
                                </p:column>
                                <p:column>
                                    <h:outputText  value="#{BKCompraFacturacion.facturaFormulario.idOrdenCompraServicio.codigo}" styleClass="lblVer" />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblSerie" value="SERIE: " class="lblVerN"/>
                                </p:column>
                                <p:column >
                                    <h:outputText  value="#{BKCompraFacturacion.facturaFormulario.serie}" styleClass="lblVer" />
                                </p:column>

                                <p:column>
                                    <h:outputLabel id="lblNumFactura" value="NRO FACTURA: " class="lblVerN"/>
                                </p:column>
                                <p:column>
                                    <h:outputText  value="#{BKCompraFacturacion.facturaFormulario.numeroFactura}" styleClass="lblVer"  />
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputLabel id="lblMoneda" value="MONEDA: " class="lblVerN" />
                                </p:column>
                                <p:column>
                                    <h:outputText id="txtMoneda" value="#{BKCompraFacturacion.facturaFormulario.idTipoMoneda.nombre}" styleClass="lblVer" >
                                    </h:outputText>
                                </p:column>
                                <p:column>
                                    <h:outputLabel id="lblFechaEmision" value="FECHA EMISION: " class="lblVerN" />
                                </p:column>
                                <p:column>
                                    <h:outputText value="#{BKCompraFacturacion.facturaFormulario.fecEmision}" styleClass="lblVer"  > 
                                        <f:convertDateTime pattern="dd/MM/yyyy" />
                                    </h:outputText>
                                </p:column>

                            </p:row>
                            
                            <p:row  >
                                <p:column >
                                    <h:outputText value="FORMA DE PAGO: " class="lblVerN"/>
                                    
                                </p:column>
                                <p:column >
                                    <h:outputText value="#{BKCompraFacturacion.facturaFormulario.tipoPago}-" id="formaPago" />
                                    <h:outputText value="#{BKCompraFacturacion.facturaFormulario.formaDePago}-" id="tipoPago" />
                                    <h:outputText value="#{BKCompraFacturacion.facturaFormulario.diasPago gt 0?BKCompraFacturacion.facturaFormulario.diasPago:''}" id="diasPago" />
                                    <h:outputText value=" #{BKCompraFacturacion.facturaFormulario.diasPago gt 0?'días':''}" id="dias" />
                                </p:column>
                                
                            </p:row>

                            <p:row>
                                <p:column colspan="4">
                                    <p:fieldset legend="INFORMACIÓN DEL PROVEEDOR" toggleable="true" id="datosProveedor">
                                        <p:panelGrid  style="width:90%">
                                            <p:row>
                                                <p:column style="width: 150px">
                                                    <h:outputLabel value="RAZÓN SOCIAL:" class="lblVerN" />  
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel styleClass="lblVer" id="lblRazonSocialProv" value="#{BKCompraFacturacion.facturaFormulario.idProveedor.razonSocial}" />
                                                </p:column>
                                                <p:column style="width: 150px">
                                                    <h:outputLabel value="RUC: " class="lblVerN" /> 
                                                </p:column>
                                                <p:column>
                                                    <h:outputLabel styleClass="lblVer" id="lblRUCProv" value="#{BKCompraFacturacion.facturaFormulario.idProveedor.ruc}" />                          
                                                </p:column>
                                            </p:row>

                                            <p:row>
                                                <p:column style="width: 150px">
                                                    <h:outputLabel value="DIRECCIÓN FISCAL" class="lblVerN" />  
                                                </p:column>
                                                <p:column colspan="3">
                                                    <h:outputLabel styleClass="lblVer" id="idDireccionProv" value="#{BKCompraFacturacion.facturaFormulario.idProveedor.direccionLegal}" />
                                                </p:column>
                                            </p:row>

                                        </p:panelGrid>


                                    </p:fieldset>
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column>
                                    <h:outputText value="GUIAS: " class="lblVerN" />  
                                </p:column>
                                <p:column colspan="3">
                                    <p:dataList value="#{BKCompraFacturacion.facturaFormulario.guiaRemisionCollection}" var="guia" type="ordered" itemType="A">  
                                        #{guia.serie}-#{guia.numeroGuia}  
                                    </p:dataList> 
                                </p:column>
                            </p:row>

                            <p:row>
                                <p:column colspan="4">
                                    <p:fieldset legend="DETALLE DE FACTURA" toggleable="true" id="detalleFactura">
                                        <p:panelGrid  style="width:90%">
                                            <p:row>
                                                <p:column colspan="4">
                                                    <p:dataTable id="dataTablaDetalleOrden" var="detalle" widgetVar="carsTable"
                                                                 value="#{BKCompraFacturacion.facturaFormulario.detalleFacturaCollection}" style="width: 100%"
                                                                 emptyMessage="No se encontro detalle de la factura" filteredValue="" rowIndexVar="rowIndex"> 

                                                        <p:column id="idColumnaNum" headerText="Num." style="width: 5%"> 
                                                            <h:outputText value="#{rowIndex+1}" /> 
                                                        </p:column>

                                                        <p:column id="idDescripcion"
                                                                  headerText="Descripcion"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.idArticulo.nombreComercial}" /> 
                                                        </p:column>

                                                        <p:column id="idUnidadMedida" rendered="false"
                                                                  headerText="UM"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="kg" /> 
                                                        </p:column>

                                                        <p:column id="idCantidad"
                                                                  headerText="Cant."  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.cantidad}" style="float: right" > 
                                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                            </h:outputText >   
                                                        </p:column>

                                                        <p:column id="idPrecio"
                                                                  headerText="Precio"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.precioUnitario}" style="float: right" > 
                                                                <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                            </h:outputText >   
                                                        </p:column>

                                                        <p:column id="idSubTotal" 
                                                                  headerText="Sub Total"  
                                                                  filterMatchMode="contains"> 
                                                            <h:outputText value="#{detalle.precioTotal}" style="float: right" >
                                                                <f:convertNumber pattern="#0.00"/>
                                                            </h:outputText>
                                                        </p:column>

                                                    </p:dataTable>
                                                </p:column>
                                            </p:row>


                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblValorVenta" value="SUBTOTAL" class="lblVerN" />
                                                </p:column>
                                                <p:column colspan="3"> 
                                                    <h:outputText id="txtValorVenta" 
                                                                  value="#{BKCompraFacturacion.facturaFormulario.subTotal}">
                                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2"/>
                                                    </h:outputText>
                                                </p:column>

                                            </p:row>

                                            <p:row>
                                                <p:column>
                                                    <h:outputLabel id="lblIGV" value="IGV (18%)" class="lblVerN" />
                                                </p:column>
                                                <p:column colspan="3">
                                                    <h:outputText id="txtIGV" value="#{BKCompraFacturacion.facturaFormulario.igv}" >
                                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>
                                            </p:row>
                                            <p:row>
                                                <p:column >
                                                    <h:outputLabel id="lblTotalGral" value="TOTAL GENERAL" class="lblVerN" />
                                                </p:column>
                                                <p:column colspan="3">
                                                    <h:outputText id="txtTotalGral" value="#{BKCompraFacturacion.facturaFormulario.total}" >
                                                        <f:convertNumber minFractionDigits="2" maxFractionDigits="2" />
                                                    </h:outputText>
                                                </p:column>
                                            </p:row>

                                        </p:panelGrid>


                                    </p:fieldset>
                                </p:column>
                            </p:row>

                        </p:panelGrid>


                        <p:panelGrid style="width:15%;margin: 10px auto;">

                            <p:row >
                                <p:column>
                                    <p:commandButton action="#{MBCompraFacturacion.cancelar()}" ajax="false" immediate="true" value="Volver"/>
                                </p:column>
                                <p:column>
                                    <p:commandButton  value="Imprimir" type="button" icon="ui-icon-print" >  
                                        <p:printer target="verPanelFactura" />    
                                    </p:commandButton >
                                </p:column>
                            </p:row>	

                        </p:panelGrid>

                    </p:panel>
                    <h:panelGrid>
                        (*) Campos requeridos
                    </h:panelGrid>
                </h:form>


            </f:view>
        </ui:define>

    </ui:composition>
</html>